<template>
  <el-button v-bind="$attrs">Default</el-button>
  <el-button :type="$attrs.type">{{ $attrs['other-name'] }}</el-button>
  <el-button>Default</el-button>
  <el-button>Default</el-button>
  <div>
    {{ name }}
  </div>
</template>

<script setup>
import { useAttrs,defineProps } from "vue";

defineOptions({
  inheritAttrs: false,
});

defineProps({
  name: {
    type: String,
    default: "default",
  },
});

const attrs = useAttrs();
console.log("attrs", attrs.id);
</script>
